.frame {
width: 100%;
height: 25%;
position: relative;
float: left;
padding: 0;
margin: 0;
margin-bottom: 20px;
line-height: 1.5;
overflow: visible;
z-index: 1;
}
.recmd-prod {
height: 100%;
width: 100%;
position: absolute;
background-color: #fff;
margin: 0;
padding: 4px;
padding-bottom: 0;
border: 1px solid #f5f5f5;
border-radius: 3px;
}
.prodImg {

height: 100%;
width: 30%;
padding: 0;
margin: 0;
float: left;
margin-bottom: 5px;
}
.prodImg img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
.prodASIN {
display: block;
color: #000;
width: 70%;
height: 30%;
margin-bottom: 3px;
float: right;
word-break: break-all;
font-size: 13px;
position: relative;
}
.prodTitle {
display: block;
color: #0082B0;
font-weight:bold;
width: 70%;
height: 70%;
float: right;
margin-bottom: 3px;
word-break: break-all;
font-size: 16px;
position: relative;
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ 
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ 
}